// 职责：负责处理axios的基本配置，最终将axios导出给其他组件使用
/* 封装axios用于发送请求 */
import store from '@/store';
import axios from 'axios';
import { Message } from 'element-ui';

// 创建一个新的axios实例
const request = axios.create({
  baseURL: 'http://interview-api-t.itheima.net/',
  timeout: 5000 // 请求超过5秒以后，自动断开连接，释放请求，增强http的性能
});

// 添加请求拦截器
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  //  统一携带token给服务器,需要判断token是否过期
  if (store.state.user.token) {
    config.headers.Authorization = `Bearer ${store.state.user.token}`;
  }

  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
request.interceptors.response.use(function (response) {
  // 对响应数据做点什么

  // 将服务器响应体的数据直接返回，将来调用方，直接获取想要的数据即可
  return response.data;
}, function (error) {
  // 对响应错误做点什么
  // 如果服务器响应的状态码是非200，则触发此逻辑
  // 提示用户报的错误信息
//    console.log(error?.response?.data?.message);
  Message.error(error?.response?.data?.message || '网络错误，请稍后再试');

  // 1. 401 token过期，需要重新登录
  return Promise.reject(error);
});

// 导出axios实例
export default request;
